import theAxios from 'axios'
import store from '@/store'
import router from '@/router'
import { Message } from 'element-ui'

const axios = theAxios.create({
  baseURL: 'http://big-event-vue-api-t.itheima.net',
  timeout: '20000'
})

// 添加请求拦截器
axios.interceptors.request.use(
  (config) => {
    // 在发送请求之前做些什么
    if (store.state.token && config.headers.Authorization === undefined) {
      config.headers.Authorization = store.state.token
    }

    return config
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
axios.interceptors.response.use(
  (response) => {
    // 对响应数据做点什么
    return response
  },
  (error) => {
    //  token过期
    if (error.response.status === 401) {
      // 重新登录，跳转到登录页,清除vuex数据
      store.commit('updateToken', '')
      store.commit('upDateUserInfo', {})
      router.push('/login')
      Message({
        message: '身份已过期!',
        type: 'warning'
      })
    }
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)
export default axios
